<template>
  <div class="box">
    <img src="../../assets/images/404.png" alt="" />
    <button @click="goHome">返回首页</button>
  </div>
</template>

<script setup lang="ts">
  import { useRouter } from 'vue-router'
  let $router = useRouter()
  const goHome = () => {
    $router.push('/home')
  }
</script>

<style scoped>
  .box {
    height: 100vh;
    width: 100vw;
    display: flex;
    img {
      width: 800px;
      height: 400px;
    }
    button {
      width: 100px;
      height: 100px;
    }
  }
</style>
